<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2680045_yn3zvga3zrj.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <title>芒果TV</title>
</head>

<body>
    <!-- 搜索模块 -->
    <header class="iconfont">
        <div class="logo-index"></div>
        <div class="search">爸爸在哪</div>
        <div class="search-right"></div>
    </header>
    <!-- 导航栏模块 -->
    <div class="box">

    </div>
    <nav>
        <a href="#">精选</a>
        <a href="#">快男</a>
        <a href="#">变形记</a>
        <a href="#">综艺</a>
        <a href="#">电视剧</a>
        <a href="#">更多</a>
    </nav>
    <!-- 焦点图模块 -->
    <div class="focus">
        <img src="upload/2VIP_10.jpg" alt="">
        <p class="p_1">
            [人间至味是清欢] 至第6集 丁人间亲上清欢
        </p>
    </div>
    <!-- 头条模块 -->
    <div class="title">
        <div class="title-hd iconfont">
            <a href="#" class="hd-left">头条来了</a>
            <a href="#" class="hd-right">换一换</a>
        </div>
        <div class="title-bd">
            <div class="bd-left">
                <img src="upload/2VIP_10.jpg" alt="">
                <h2>从站起来到强起来</h2>
                <h3>中国共产党引领伟大复兴</h3>
            </div>
            <div class="bd-right">
                <img src="upload/2VIP_10.jpg" alt="">
                <h2>从站起来到强起来</h2>
                <h3>中国共产党引领伟大复兴</h3>
            </div>
        </div>
    </div>
    <!-- 热门模块 -->
    <div class="title">
        <div class="title-hd iconfont">
            <a href="#" class="hd-left">今日热门</a>
            <a href="#" class="hd-right">换一换</a>
        </div>
        <div class="title-bd">
            <div class="bd-left">
                <img src="upload/2VIP_10.jpg" alt="">
                <h2>从站起来到强起来</h2>
                <h3>中国共产党引领伟大复兴</h3>
            </div>
            <div class="bd-right">
                <img src="upload/2VIP_10.jpg" alt="">
                <h2>从站起来到强起来</h2>
                <h3>中国共产党引领伟大复兴</h3>
            </div>
        </div>
    </div>
    <!-- 热门模块 -->
    <div class="title">
        <div class="title-hd iconfont">
            <a href="#" class="hd-left">今日热门</a>
            <a href="#" class="hd-right">换一换</a>
        </div>
        <div class="title-bd">
            <div class="bd-left">
                <img src="upload/2VIP_10.jpg" alt="">
                <h2>从站起来到强起来</h2>
                <h3>中国共产党引领伟大复兴</h3>
            </div>
            <div class="bd-right">
                <img src="upload/2VIP_10.jpg" alt="">
                <h2>从站起来到强起来</h2>
                <h3>中国共产党引领伟大复兴</h3>
            </div>
        </div>
    </div>
    <!-- 尾部模块 -->
    <footer class="iconfont">
        <a href="index.html">
            <span>&#xe6e7;</span>
            <p>首页</p>
        </a>
        <a href="index_pc.html">
            <span>&#xe6e7;</span>
            <p>PC端</p>
        </a>
        <a href="index-follow.html">
            <span>&#xe6e7;</span>
            <p>关注</p>
        </a>
        <a href="index-vip.html">
            <span>&#xe6e7;</span>
            <p>VIP</p>
        </a>
        <a href="index-my.html">
            <span>&#xe6e7;</span>
            <p>我</p>
        </a>
    </footer>
    <br/><br/>
</body>
</html>

